.index-home {
  width: 100%;
  height: 100%;
  background-image:url("~@/assets/home.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: left;
 padding-top: 112px; 
display: flex;
flex-direction: column;
box-sizing: border-box !important;
}
  .index-home a, .index-home p, .index-home div, .index-home span, .index-home img, .index-home input, .index-home button, .index-home body, .index-home ul, .index-home li {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    outline: none !important;
    color: #000;
    list-style: none; }
  .index-home a, .index-home a:hover, .index-home a:active, .index-home a:visited, .index-home a:link, .index-home a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .index-home h1,
  .index-home h4,
  .index-home p,
  .index-home span {
    color: #fff; }
  .index-home a{
    color: rgba(255, 255, 255, 0.8); }
    .index-home a:hover {
      color: white; }
.index-home>.top {
flex: 1;
  width: 100%;
  padding: 0px 15px 0px 15px; 
display: flex;
flex-direction: column;
justify-content: center;
background-color: rgba(0, 0, 0,0.3);
}

  .index-home >.top > div {
    width: 57%;
    margin: auto;
  }
    .index-home>.top > div > h1 {
      font-size: 42px;
      font-weight: 600;
      margin: 0px 0px 23px 0px; }
    .index-home>.top > div > .index-search {
      margin: 32px 0px 16px 0px;
      width: 100%; 
      padding: 12px 10px;
      background-color: #fff;
      border-radius: 5px;}
      .index-home >.top > div > .index-search > div span{
        color:#000}
        .index-home >.top > div > .index-search > div input {
          margin-top: 0px;
          vertical-align: center;
          background-color: #fff; }
    .index-home >.top > div > div:nth-child(2) {
      font-size: 18px;
      font-weight: 500; }
      .index-home >.top > div > div:nth-child(2) h4 {
        margin: 0px 0px 10px 0px;
        font-size: 18px;
        font-weight: 500; }
        .index-home >.top > div > div:nth-child(2) h4 > a {
          text-decoration: underline;
          color: rgba(255, 255, 255, 0.8); }
          .index-home .top > div > div:nth-child(2) h4 > a:hover {
            color: #fff; }
    .index-home >.top > div > div:last-child {
      display: flex; }
      .index-home >.top > div > div:last-child ul {
        display: flex; }
        .index-home >.top > div > div:last-child ul li + li::before {
          content: ",";
          color: #fff; }

.index-home >.bom {
  background-color: rgba(0, 0, 0,0.3);

  display: flex;
  width: 100%;
  font-size: 13px;
  padding: 0px 15px 20px 15px; }
  .index-home >.bom > div {
    flex: 1;
    color: #90989a; }
    .index-home .personbox{
      position: absolute;
      left: -5px;
      top: -220px;
      width: 350px;
      background-color: #fff;
      padding: 10px;
      border-radius: 3px;}
     .index-home .personbox::after{
      position: absolute; 
      content:"";
      background-color: #fff;
      bottom: -6px;
      left: 14px;
      width: 13px;
      height: 14px;
      transform: rotate(45deg);}
      .index-home .personbox>div+div{
        padding-top: 10px;}
     .index-home .personbox>.top a {
display: flex;
flex-direction: row;}
     .index-home .personbox>.top a img {
     width: 60px;
     height: 60px;
    border-radius: 50%;}
    .index-home .personbox>.top a div{
     margin-left: 10px;padding-top:10px ;}
   .index-home .personbox>.top a div p {
    color: #000;
    font-weight: 600; font-size: 14px;}
      .index-home .personbox>.top a div p:last-child {
        color: #a4a4a4;}
        .index-home .personbox>.center a{
          display: flex;
          justify-content: space-between;
        }
  .index-home .personbox>.center a>img{
width: 105px;
height: 80px;}
.index-home .personbox>.bom button{
  cursor: pointer;
background-color: #007fff;
border: 0px;
border-radius: 3px;
width: 100%;
padding: 5px 0px;
color: #FFF;}
.index-home >.bom > div:first-child span{
  position: relative;
}
  .index-home >.bom > div:nth-child(2) {
    text-align: center; }
  .index-home >.bom > div:nth-child(3) {
    position: relative;
    text-align: right; }
    .index-home >.bom > div:nth-child(3):hover > img {
      opacity: 1; }
    .index-home >.bom > div:nth-child(3):hover > a {
      color: #fff; }
    .index-home >.bom > div:nth-child(3) img {
      width: 152px;
      position: absolute;
      right: 0px;
      bottom: 20px;
      opacity: 0.8; }
